<template>
	<!-- 选择课程 -->
	<view class="page">
		<!-- search -->
		<view style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;">
			<view class="" @click="popBack()">
				<text class="iconfont icon-arrow-left" style="font-size: 16px;font-weight: bold;"></text>
				<text style="font-size: 16px;">选择课程</text>
			</view>
			<view style="margin-left: 12px;
				flex: 1;
				background-color: #FFFFFF;
				display: flex;
				justify-content: flex-end;
				">
				<div style="
					font-size: 14px;
					padding: 5px 12px;
					border: 1px solid #ebebeb;
					margin-right: 12px;
					background-color: #FFFFFF;">
					返回</div>
				<div style="
					font-size: 14px;
					border: 1px solid #ebebeb;
					padding: 5px 12px;
					color: #FFFFFF;
					background-color: #007AFF;">
					确定</div>
			</view>
		</view>


		<!-- list -->
		<div style="flex: 1;background-color: #F5F5F5;overflow-y: auto;padding: 12px;padding-top: 0;">
			<!-- cell -->
			<div style="padding: 12px;background-color: #FFFFFF;border-radius: 8px;border: 1px solid #ebebeb;margin-top: 5px;"
				v-for="(obj,idx) in 5" :key="idx">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 14px;font-weight: bold;">财务会计</span>
					<span style="font-size: 12px;color: #FF0000;">代报名</span>
				</div>
				<div style="display: flex;justify-content: space-between;margin-top: 5px;">
					<span style="font-size: 12px;color: #999999;">线下授课/四川大学</span>
					<span style="font-size: 12px;color: #999999;">代报名</span>
				</div>
				<div style="display: flex;justify-content: space-between;margin-top: 5px;">
					<span style="font-size: 12px;color: #999999;">上海校区爱上的卡很快就收到货</span>
				</div>
				<div style="display: flex;justify-content: space-between;margin-top: 5px;">
					<span style="font-size: 12px;color: #999999;">报名时间:2021年10月9日</span>
				</div>
			</div>
		</div>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			popBack() {
				uni.navigateBack({

				})
			}
		}
	}
</script>

<style scoped>
	.page {
		flex: 1;
		display: flex;
		flex-direction: column;
		background-color: #3F536E;
	}
</style>
